<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/swiper.min.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/head.css">
  <link rel="stylesheet" href="../css/foot.css">
  <link rel="stylesheet" href="../css/list.css">
  <!-- 导入分页器插件的css文件 -->
  <link rel="stylesheet" href="../tools/jquery-pagination/pagination.css">

</head>

<body>
  <!-- 用来导入公共的头部文件的 -->
  <div id="head"></div>

  <!-- 大图 不用轮播 -->
  <div class="banner"></div>



  <main>
    <div class="container">
      <h1 class="title">手机</h1>
      <ul></ul>

    </div>
  </main>

  <!-- 分页显示应该写在页面的下方 为了看着方便定义在页面的上方 -->
  <div class="box m-style"></div>
  
  <div class="back_top">返回<br>顶部</div>

  <div id="foot"></div>

  <script src="../tools/jquery.min.js"></script>
  <script src="../tools/jquery-pagination/jquery.pagination.js"></script>
  <script src="../js/swiper.min.js"></script>
  <script src="../js/tools.js"></script>
  <script src="../js/cookie.js"></script>
  <script src="../js/ajax.js"></script>
  <script src="../js/list.js"></script>


</body>

</html>